{% if forloop.first %}<ul class="unfinished-books">{% endif %}
    <li>
        <div class="book-title">
            {% if book.amazon_lookup %}
            <a href="{{ book.amazon_url }}" onclick="this.target='_blank'">{{ book.title }}</a>
            {% else %}
            {{ book.title }}
            {% endif %}
        </div>
        <div class="author">by {{ book.author_string }}</div>
        {% with book.progress|floatformat:1 as percent %}
        <div class="progress-container" title="{{ percent }}% complete">
        <div class="progress-bar" style="width: {{ percent }}%" title="{{ percent }}% complete ({{ book.get_progress_mode_display }} {{ book.progress_set.all.0.milestone }} of {{ book.maximum_progress }})">
                &nbsp;
            </div>
        </div>
        {% endwith %}
    </li>
{% if forloop.last %}</ul>{% endif %}
